/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #fff; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 */
::-moz-selection { background: #363636; color: #fff; text-shadow: none; }
::selection { background: #363636; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a { color: #fff; text-decoration: none; }
/*a:visited { color: #551a8b; }
a:hover { color: #06e; }*/
a:focus { outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }



/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author: 36creative
   ========================================================================== */
* { margin: 0 }
html, body { height: 100%; margin: 0; padding: 0; }
#page { height: auto !important; margin: 0 auto -51px; overflow:hidden; } /* bottom margin should be negative height of footer+1 */
.sprite { background: transparent url(/web/20161031162029im_/http://textileagentindia.com/img/sprite.png) no-repeat 0 0; text-indent: -999em; border:solid 1px red;}
#loader { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow:hidden; }
#loader p { color: #0298e3; font-family: "BebasNeue", Arial, Helvetica, sans-serif; font-size: 26pt; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -30px; line-height: 60px; height: 60px; width: 300px; text-align: center; }
#loader #progressBar { background: none repeat scroll 0 0 #FFFFFF; bottom: 0; height: 0; left: 50%; margin: 0 auto 0 -3px; position: absolute; text-indent: -999em; width: 4px; }

#loading span.spinner:before,
#loading span.spinner:after{
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: red;
    border-radius: 3px;
}
#loading span.spinner:after{ left: 24px; }
#loading span.spinner:before{ top: 24px; }


#main_workpage{
	margin-top: 74px;
	overflow: hidden;
	padding-right: 20px;
	margin-left: -400px;  margin:0 auto; height:100px;
}
#main_workpage .slider_controls {
	width:167px;
	height:50px;
	float:left;
	margin:0 26px 0 0;
}
#main_workpage .slider_controls h4 {
	display:block;
	width:100%;
	font-size:14px;
	color:#131313;
	font-weight:normal;
}
#main_workpage .slider_controls .slider_control{
	cursor: pointer;
	display: block;
	background-color: black;
	height: 31px;
	width: 83px;
	top:150px;
	opacity: 0.0;
	z-index: 100;
	background-image:url(/web/20161031162029im_/http://textileagentindia.com/img/sprite.png);
}
#main_workpage .slider_controls .slider_control.left_control{
	position:relative;
	top:0px;
	float:left;
	width:83px;
	height:31px;
	background-position:-274px -529px;
}
#main_workpage .slider_controls .slider_control.right_control{
	position:relative;
	top:0px;
	float:right;
	width:83px;
	height:31px;
	font-size:16px;
	background-position:-274px -529px;
}
#main_workpage .slider_controls .slider_control.left_control .car-text,
#main_workpage .slider_controls .slider_control.right_control .car-text {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:83px;
	height:31px;
	line-height:31px;
	font-size:16px;
	color:#fff;
	text-align:center;
}
#main_workpage .slider_controls .slider_control.left_control .sprite,
#main_workpage .slider_controls .slider_control.right_control .sprite {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:83px;
	height:31px;
	background-position:-274px -560px;
	background-color:#e14538;
}
#main_workpage .slider_controls .slider_control:hover{ background-color: #df463e; }
#main_workpage .slider_controls .slider_control.right_control:hover{  }
#main_workpage .slider_controls .slider_control.left_control:hover{  }

#project_list{
	list-style: none;
	
	padding: 0px 0px 0px 0px;
	margin: 0px auto; text-align:center; width:500px; margin:0 auto; text-align:center; text-align:center; padding:25px 0 0 202px;
	
}
#project_list li{
	
	opacity: 0.0; float:left; width:60px; color:#444; text-align:center; margin:0 20px;
}

#project_list li:hover{ border-bottom:solid 1px #ccc; color:#ccc;}

#project_list .project{	
	position: relative;
	height:30px;
	background-position: center center;
	background-repeat: repeat-y;
	margin-right:0px; 	
}

.proj_number{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	font-size: 30px;
	text-align: center;
	line-height: 40px;
	display: block;
	width: 40px;
	height: 40px;
	background-color: black;
	color: white;
}
#project_list .project .curtain{
	position: absolute;
	height: 100%;
	width: 1028px;
	background-repeat: repeat-y;
	z-index: 97;
	cursor: pointer;
	background-size: 110%;
}
/*
#project_list .project .curtain_top{
	top: 0px;
	background-position: 0px 0px;
}
#project_list .project .curtain_bottom{
	bottom: 0px;
	background-position: 0px -135px;
}
*/
/*
#project_list .project:hover{
	margin-top: 10px;
	margin-bottom: 50px;
}
#project_list .project:hover .curtain_top{  background-position: -80px 0px; top: 0px; }
#project_list .project:hover .curtain_bottom{ bottom: 0px; background-position: -80px -135px; }
*/

#scroll-up,
#scroll-down { width:1028px; height:112px; padding:50px 0 0; margin-bottom: 10px; }
#scroll-down h1 { margin:0; font-size:28px; text-align:center; }
#scroll-mouse { position:relative; width:21px; height:32px; }
#mouse-on { position:absolute; width:21px; height:32px; }
#mouse-off { position:absolute; width:21px; height:32px; }

span.mouse-instructions{
    display: block;
    width:21px;
    height:32px;
    background-image: url(/web/20161031162029im_/http://textileagentindia.com/img/mouse-bg.png);
    margin: 10px auto;
    position: relative;
}
span.mouse-instructions span.mouse-wheeler{
    display: block;
    width: 4px;
    height: 7px;
    background-color: #df463e;
    border-radius: 2px;
    position: absolute;
    left: 9px;
    top: 6px;

    -o-animation:updown 2.2s infinite linear;
    -ms-animation:updown 2.2s infinite linear;
    -moz-animation:updown 2.2s infinite linear;
	-webkit-animation:updown 2.2s infinite linear;
	animation:updown 2.2s infinite linear;
}
@-moz-keyframes updown {
	0% { top: 6px; }
	50% { top: 18px; }
	100% { top: 6px; }
}
@-webkit-keyframes updown {
	0% { top: 6px; }
	50% { top: 18px; }
	100% { top: 6px; }
}
@-o-keyframes updown {
	0% { top: 6px; }
	50% { top: 18px; }
	100% { top: 6px; }
}
@keyframes updown {
	0% { top: 6px; }
	50% { top: 18px; }
	100% { top: 6px; }
}


#project_list .project .project_card{
	cursor: pointer;
	overflow: hidden;
	height: 162px;
	z-index: 98;
	text-align: center;
	position: relative; 
}
#project_list .project .project_card .card_bg{
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index: 98;
	opacity: 0;
	position: absolute;
}
#project_list .project .project_card  .card_text{
	position: absolute;
	opacity: 0;
	bottom: 30px;
	width: 1028px;
	z-index: 99;
}
#project_list .project .project_card .card_text h1{
	color: white;
	position: relative;
	z-index: 99;
	font-size: 35px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#project_list .project .project_card  .card_text .text_top{ margin: auto;}
#project_list .project .project_card  .card_text .text_top h1{ display: inline-block; padding: 0px 5px 0px 5px; border-bottom: 3px solid white; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
#project_list .project .project_card  .card_text .text_bottom{ margin: auto; display:inline-block; padding-top:5px; overflow: hidden; height: 20px; }
#project_list .project .project_card  .card_text .text_bottom h1{
	font-size: 20px;
	position: relative;
	top:-30px;
	line-height: 20px;
	height: 20px;
	padding-right: 10px;
}
#project_list .project .project_card  .card_text .text_bottom .sprite{
	display: block;
	width: 10px;
	height: 20px;
	position: relative;
	top:-30px;
	background-position: -69px -883px;
}

#project_list .project .project_whole{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 2000px;
	left: 0px;
	opacity: 0;
	
	z-index: 99;
	overflow-y: hidden;
	overflow-x: hidden; background:url(images/back_inner.png) 0 0 repeat; padding:20px 0  0 0; background:#fff;
	
}
#project_list .project .project_whole .middle{ margin:0 auto;}



#project_list .project .project_whole .inverse_trap{
	width: 1px;
	height: 1px;
	display: block;
	background-repeat: no-repeat;
	background-color: black;
	position: absolute;
	left: 50%;
	top:0px;
}
#project_list .project .project_whole .inverse_trap:after{
	content: '';
	/* background-image: url(/web/20161031162029im_/http://textileagentindia.com/img/sprite.png); */
	width: 74px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	/* background-color: black; */
	background-position: -250px -260px;
	position: absolute;
	left: -37px;
	top:0px;
}
#project_list .project .project_whole .proj_info{
	margin-top: -240px; 
}
#project_list .project .project_whole .proj_info .proj_title{
	width: 100%;
	font-family: "BebasNeue", Arial, Helvetica, sans-serif;
	/*
	height: 120px;
	margin-bottom: 50px;
	*/
}
#project_list .project .project_whole .proj_info .proj_title h1{ color:#41505d; line-height: 1em; margin-top: -5px; font-size:35px; text-align:center;}
#project_list .project .project_whole .proj_info .proj_title h3, #project_list .project .project_whole .proj_info .proj_title h3 a{ color: #df463e; font-size: 12px; }


#project_list .project .project_whole .proj_info .proj_descript .social { float:left; width:88px; height:50px; }
#project_list .project .project_whole .proj_info .proj_descript .social h4 {
	display:block;
	width:100%;
	font-size:14px;
	color:#131313;
	font-weight:normal;
}
#project_list .project .project_whole .proj_info .proj_descript .social a {
	display: block;
	position:relative;
	width: 28px;
	height: 31px;
	float:left;
	margin-right: 1px;
	text-indent: -999em;
	
	background-position:-359px -529px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .facebook .bg,
#project_list .project .project_whole .proj_info .proj_descript .social .twitter .bg,
#project_list .project .project_whole .proj_info .proj_descript .social .google .bg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:28px;
	height:31px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .facebook .icon,
#project_list .project .project_whole .proj_info .proj_descript .social .twitter .icon,
#project_list .project .project_whole .proj_info .proj_descript .social .google .icon {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:28px;
	height:31px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .facebook .icon {
	background-position:-150px -752px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .twitter .icon {
	background-position:-178px -752px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .google .icon {
	background-position:-207px -752px;
}
#project_list .project .project_whole .proj_info .proj_descript .social .facebook .bg,
#project_list .project .project_whole .proj_info .proj_descript .social .twitter .bg,
#project_list .project .project_whole .proj_info .proj_descript .social .google .bg {
	display:none;
	background-position:-358px -560px;
	background-color:#e14538;
}

#project_list .project .project_whole .proj_info .proj_title .social .icon.facebook{ background-position: -150px -754px; }
#project_list .project .project_whole .proj_info .proj_title .social .icon.twitter{ background-position: -180px -754px; }
#project_list .project .project_whole .proj_info .proj_title .social .icon.google{ background-position: -209px -754px; }

#project_list .project .project_whole .proj_info .proj_title .social .icon:hover{ background-color: #e14538;}


#project_list .project .project_whole .proj_info .proj_descript{
	width:334px;
	height:31px;
	float:right;
	font-family: "BebasNeue", Arial, Helvetica, sans-serif; margin-top:-20px;
}
.close_btn {
	width:21px;
	height:21px;
	
	cursor: pointer;
	font-size: 20px;
	font-family: "BebasNeue", Arial, Helvetica, sans-serif;
	position:relative; float:right; right:10px; z-index:9999;
}

.close_transform{	width:21px;
	height:21px;
	
	cursor: pointer;
	font-size: 20px;
	font-family: "BebasNeue", Arial, Helvetica, sans-serif;
	position:relative; float:right; right:20px;}

.close_transform:after{
	content:" ";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:absolute;
	background:url(../images/close_black.png) 0 0 no-repeat;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.close_transform:hover:after {
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}



#project_list .project .project_whole .proj_info .proj_descript .close_btn h4 {
	display:block;
	width:100%;
	font-size:14px;
	color:#131313;
	font-weight:normal;
}
#project_list .project .project_whole .proj_info .proj_descript .close_btn .button {
	position:relative;
	width:28px;
	height:31px;
	
	display: inline-block;
	background-position:-359px -529px;
}
#project_list .project .project_whole .proj_info .proj_descript .close_btn .icon {
	position:relative;
	top:8px;
	left:8px;
	z-index:2;
	width:13px;
	height:12px;
	background-position:-9px -946px;
}
#project_list .project .project_whole .proj_info .proj_descript .close_btn .bg {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:28px;
	height:31px;
	background-position:-358px -560px;
	background-color:#e14538;
}
#project_list .project .project_whole .proj_info .proj_descript hr{
	border: 0px;
	opacity: 0.0;
}
#project_list .project .project_whole .proj_info .proj_descript p{
	color: black;
	display: block;
	clear: both;
	margin-top: 20px;
	font-size: 12px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#project_list .project .project_whole .project_sub_scroller{
	position: absolute;
	top: 120px; /* 210px */
	min-height: 1200px;
}
#project_list .project .project_whole .project_sub_scroller .project_inner_scroller{
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 1028px;
	min-height: 1200px;
	padding-bottom: 100px;
}
#project_list .project .project_whole .project_sub_scroller .project_inner_scroller .project_panel{
	/* min-height: 800px; */
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 100px;
}
#project_list .project .project_whole .project_sub_scroller .project_inner_scroller .project_panel img{
	margin: auto;
	display: block;
}

/**/


  h1{ color:#fff; margin-bottom:2px; font-size:45px; font-family:"BebasNeue", Arial, Helvetica, sans-serif; font-weight:normal;}




iframe.iframe_gallery
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%; min-height:1200px;
}



/*
     FILE ARCHIVED ON 16:20:29 Oct 31, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:21:51 May 28, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 73.603 (3)
  esindex: 0.01
  captures_list: 91.594
  CDXLines.iter: 11.97 (3)
  PetaboxLoader3.datanode: 133.574 (5)
  exclusion.robots: 0.19
  exclusion.robots.policy: 0.177
  RedisCDXSource: 2.975
  PetaboxLoader3.resolve: 108.996 (2)
  load_resource: 212.545
*/